<ion-view title="请假" nav-transition="none">
  <ion-nav-buttons side="right">
    <button class="button button-clear" ui-sref="tab.vacations.add">
      <i class="ion-ios-plus-outline"></i>
    </button>
  </ion-nav-buttons>
  <!-- <div class="top-fixed top-fixed-thin">
    <p style="text-align: center; color: #343434; line-height: 30px; background-color:#eee">公司放假公告</p>
  </div> -->
  <ion-content>
    <ion-refresher
        pulling-text="下拉刷新..."
        on-refresh="vacationsListCtrl.doRefresh()">
    </ion-refresher>
    <div class="list">
      <div class="item item-avatar" ui-sref="tab.vacations.detail({id: vacation.leaveId})" ng-repeat="vacation in vacationsListCtrl.vacations">
        <img ng-src="{{vacation.user.avatorImg?vacation.user.avatorImg : 'img/ben.png'}}">
        <h2>{{root.user.depart.departName}} {{root.user.name}}</h2>
        <p ng-repeat="item in vacation.leaveTimes" style="text-align: center">
          {{item.startTime | date:'MM月dd日HH点'}}~{{item.endTime | date:'MM月dd日HH点'}}
        </p>
        <p>状态：{{vacation.status | vacationStatusZh}}</p>
        <div class="right-top-cornor">
          <p>{{findFirstType(vacation.type).name}}</p>
        </div>
      </div>
    </div>

    <div style="height: 50px"></div>
  </ion-content>
  <!-- <div class="fixed-bottom fixed-bottom-withtabs" style="height: 50px;color: #343434; background-color:#eee">
    <p style="line-height: 50px; text-align: center">当前状态： 年假中</p>
    <button class="button button-full button-positive" style="margin: 0px" ui-sref="tab.vacations.add">请假</button>
  </div> -->
</ion-view>
